<div class="el-scrollbar">
    <ng-container *ngIf="!native;else elseblock">
        <div class="el-scrollbar__wrap {{wrapClass}}" [ngClass]="{'el-scrollbar__wrap--hidden-default':!gutter}">
            <tag [viewClass]="viewClass+' el-scrollbar__view'" [viewStyle]="viewStyle" [tag]='tag'>
                <ng-container *ngTemplateOutlet="content"></ng-container>
            </tag>
        </div>
        <el-bar [move]='moveX' [size]='sizeWidth'></el-bar>
        <el-bar vertical=true [move]='moveY' size='sizeHeight'></el-bar>
    </ng-container>
    <ng-template #elseblock>
        <div class="el-scrollvar__wrap {{wrapClass}}" [ngStyle]='style' ref="wrap">
            <tag [viewClass]="viewClass+' el-scrollbar__view'" [viewStyle]="viewStyle" [tag]='tag'>
                <ng-container *ngTemplateOutlet="content"></ng-container>
            </tag>
        </div>
    </ng-template>
</div>

<ng-template #content><ng-content></ng-content></ng-template>